@import "../../../../style/app/default/theme";
.lexmis-Search{
	display:inline-flex;
	margin:0 10px;
	width:calc(100% - 20px);
	height:$-form-widget-height;
	border-radius:$-form-widget-height / 2;
	background:$-disable-color;
	vertical-align:middle;
	&.lexmis--content{
		>.lexmis_content{
			color:$-title-color;
		}
	}
	&.lexmis--prepend{
		>.lexmis_content{
			padding-left:0;
		}
	}
	&.lexmis--append{
		>.lexmis_content{
			padding-right:0;
		}
	}
	>.lexmis_content{
		flex-grow:1;
		//flex-basis:0;
		padding:0 #{$-form-widget-height / 2};
		color:$-sub-color;
	}
	>.lexmis_prepend,>.lexmis_append{
		flex-shrink:0;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	>.lexmis_search_page{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:#fff;
		&.v-enter-active,&.v-leave-active{
			animation-duration:.3s;
		}
		&.v-enter-active{
			animation-name:zoomIn;
		}
		&.v-leave-active{
			animation-name:zoomOut;
		}
	}
}
